
@use "sass:math";

// @import url();   css 2.0 引入css的语法  => 不是sass的语法

// 让一个sass文件 引入另一个sass文件 (提取公共的sass)
// 注意: 如果sass 只做引入作用,不想被编译,可以在文件名前 加前缀"_"  => sass在监听和编译时将忽略该文件

@import "base.scss";
@import "reset.scss";




// 继承 让一个类 继承另一个类 属性和方法


$centerWidth:600px;



// .w{ // 被继承的父类
//     width: pxToRem($centerWidth);
//     margin: 0 auto;
// }
// .header,.main,.footer{  // 继承的
//     @extend .w;
// }

%w{ // 被继承的父类 (如果是 %开头 => 将不会被sass 编译)
    width: pxToRem($centerWidth);
    margin: 0 auto;
}
.header,.main,.footer{  // 继承的
    @extend %w;
}



